@charset "utf-8";
/*base style*/
body {

}

.swiper-container {
    width: 100%;
    -webkit-perspective: 75pc;
    -ms-perspective: 75pc;
    perspective: 75pc;
    background: url(../../images/shiyu/appointment02.png) no-repeat;
    background-size: 100% 100%;
}

.swiper-wrapper {
    margin-top: 10px
}

.swiper-slide {
    width: 20%;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-slide .main-img {
    display: block;
    margin: 0 auto;
    width: 50%;
}

#pagination {
    position: absolute;
    bottom: 75pt;
    width: 100%
}

#pagination .swiper-pagination-bullet {
    float: left;
    margin: 0 0 0 6.15%;
    width: 9.5%;
    background: 0;
    opacity: 1
}

.swiper-pagination-bullet i {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 50px;
    background: #41203f;
    color: #f5b55c;
    text-align: center;
    font-style: normal;
    font-size: 9pt;
    line-height: 24px
}

@media screen and (min-height:481px) {
    .swiper-wrapper {
        margin-top: 25px
    }

    #pagination {
        bottom: 110px
    }
}

@media screen and (min-height:569px) {
    .swiper-wrapper {
        margin-top: 30px
    }

    #pagination {
        bottom: 90pt
    }

    .swiper-pagination-bullet i {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px
    }
}

/*my style*/
.content{
    width: 100%;
    margin-bottom:110px;
}
    /*轮播*/

.star img{
    width: 10px;
}

.star,.name{
    color: #fff;
    font-size: 12px;
}

.star{
    font-size: 0;
}

.editData{
    position: absolute;
    right:0.5rem;
    top:0.5rem;
    width: 1.2rem;
    padding: 0.5rem;
    z-index: 10;
}

    /*table*/

.table table{
    width: 97%;
    font-size: 14px;
    margin:0 5px;
    box-sizing: border-box;
    border-collapse: collapse;
}

.table{
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.table table tr img{
    width: 1.4rem;
}

.table table tr{
    line-height:1.8rem;
    border-spacing:5px 10px;
}

.table table tr td{
    text-align: center;
    width: 9%;
}

.table table tr td span{
    display: inline-block;
    width: 100%;
    margin:8px 0;
    box-sizing: border-box;
}

.table .today{
    border-bottom:1px solid red;
}

.colorRed{
    color: #fff;
    background-color: #f76492;
}

.colorGray{
    color: #ddd;
}

.table>div{
    padding-left:1rem;
    line-height:2rem;
    border-bottom:1px solid #eee;
}

    /*other*/
.weui-cell_access .weui-cell__ft:after{
    width: 8px;
    height: 8px;
}
.weui-cell__bd,.weui-cell__ft{
    font-size: 14px;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}

.weui-input{
    width: 80%;
}
.weui-cell__bd{
    position: relative;
}
.weui-cell__bd span img{
    position: absolute;
    height: 1.4rem;
    right: 0;
}

.commitAppointment{
    width: 96%;
    text-align: center;
    margin: 0 2%;
    margin-bottom:12px;
    position: fixed;
    bottom:50px;
    background: -moz-linear-gradient(right, #F363BB 0%, #F86575 100%);
    background: -webkit-gradient(linear, left left, right right, color-stop(0%,#F363BB), color-stop(100%,#F86575));
    background: -webkit-linear-gradient(right, #F86575 0%,#F363BB 100%);
    background: -o-linear-gradient(right, #F86575 0%,#F363BB 100%);
    background: -ms-linear-gradient(right, #F86575 0%,#F363BB 100%);
    background: linear-gradient(to left, #F86575 0%,#F363BB 100%);
}
.weui-cell:before{
    border-top:none;
}
/*弹出框*/
#iosDialog2{
    z-index: 100;
    position: fixed;
    top: 50%;
    margin: 0 auto;
}
.weui-dialog>.weui-dialog__ft>button{
    margin: 0.6rem 1.2rem 1.6rem 1.2rem;
    background: -moz-linear-gradient(right, #F363BB 0%, #F86575 100%);
    background: -webkit-gradient(linear, left left, right right, color-stop(0%,#F363BB), color-stop(100%,#F86575));
    background: -webkit-linear-gradient(right, #F86575 0%,#F363BB 100%);
    background: -o-linear-gradient(right, #F86575 0%,#F363BB 100%);
    background: -ms-linear-gradient(right, #F86575 0%,#F363BB 100%);
    background: linear-gradient(to left, #F86575 0%,#F363BB 100%);
}
.weui-dialog{
    border-radius: 10px;
}
.weui-dialog__ft:after{
    border-top:none;
}
.weui-dialog p{
    font-size: 12px;
    text-align: center;
    margin-bottom:1rem;
}
.weui-dialog__bd:first-child{
    padding-bottom:0;
}
.obtain{
    width: 25%;

}
.weui-cell_vcode{
    border-radius: 5px;
    border: 2px solid #f8f8f8;
    line-height:35px;
    margin-top:10px;
}
.weui-vcode-btn{
    color: #ddd;
    height: 35px;
    line-height:35px;
    margin-left:0;
}
.weui-dialog input{
    width: 100%;
    font-size: 16px;
}
.weui-dialog input[placeholder], [placeholder], *[placeholder] {
    color:#ddd !important;
}
.weui-cells{
    margin-top:0;
}
.weui-check__label{
    padding:8px 15px;
}
